<template>
  <div class="share page">
      <div class="main">
        <img  :src="LOGO" alt="" class="img">
        <span class="name">{{user.name}}</span>
        <span  class="desc">长按二维码识别关注</span>
        <img   :src="WX_QR_CODE" alt="" class="code">
      </div>
  </div>
</template>

<script>
import { LOGO, WX_QR_CODE } from '../../app.config'

export default {
  created () {
  },
  data () {
    return {
      user: {},
      url: '',
      LOGO: LOGO,
      uid: null,
      WX_QR_CODE: WX_QR_CODE
    }
  }
}
</script>

<style scoped lang="stylus">
  .share
    background-color #F5F4F7
    display flex
    align-items center
    justify-content center
    .main
      width 100%
      display flex
      flex-direction column
      align-items center
      justify-content center
      background:rgba(255,255,255, 1);
      box-shadow:0px 2px 34px 0px rgba(39,52,125,0.25);
      border-radius:12px 12px 12px 12px;
      .img
        margin 20px 0
        width 100px
        margin-bottom 15px
      .name,.desc
        color #212C67
        dpr-font(14Px)
      .desc
        margin-top 40px
        margin-bottom 30px
      .code
        border-radius 10px
        width 200px
        height 200px
        margin-bottom 40px

</style>
